<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>portal</title>
    <link rel="stylesheet" href="../../resources/commons/css/base.css">
    <link rel="stylesheet" href="../../resources/commons/css/common.css">
    <link rel="stylesheet" href="../../resources/commons/css/widget.css">
    <link rel="stylesheet" href="./css/bind-account.css">
</head>

<body>
    <div class="main-repeat layout-left-center">
        <div class="col-main w60">
            <div class="col-left">
                <div class="nav-left">
                    <a class="logo"></a>
                    <ul>
                        <li class="nav-left-item active"></li>
                        <li class="nav-left-item"></li>
                        <li class="nav-left-item"></li>
                    </ul>
                </div>
            </div>
            <div class="col-right">
                <div class="nav-top">
                    <a class="avatar">
                        <i class="line"></i>
                        <img src=""
                            alt="">
                    </a>
                    <div class="nav-top-list">
                        <a class="nav-top-item active" href="">首页</a>
                        <a class="nav-top-item" href="">碳服务</a>
                        <a class="nav-top-item" href="">碳配额</a>
                        <a class="nav-top-item" href="">碳政策</a>
                        <a class="nav-top-item" href="">关于我们</a>

                    </div>
                </div>
                <div class="body-wrap">
                    <div class="nav-left-wrap">
                        <div class="nav-left-menu-text">
                            <span>用户信息</span>
                        </div>
                        <ul class="nav-left-menu-list">
                            <li class="nav-left-menu-item">
                                <div>
                                    <i class="iconfont"></i>
                                    <span>实名认证</span>
                                </div>
                                <div class="nav-left-sub-menu-list">
                                    <a class="nav-left-sub-menu-item">
                                        <span>企业资料</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>负责人资料</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>上传证件</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>确认信息</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>等待审核</span>
                                    </a>
                                </div>
                            </li>
                            <li class="nav-left-menu-item">
                                <div>
                                    <i class="iconfont"></i>
                                    <span>绑定信息</span>
                                </div>
                                <div class="nav-left-sub-menu-list">
                                    <a class="nav-left-sub-menu-item active">
                                        <span>绑定账号</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="right-wrap">
                        <div class="content-wrap">
							<div class="toolbar-wrap">
								<i class="line"></i>
								<div class="crumb">
									<span class="crumb-item">
										<span class="crumb-item-link">绑定信息</span>
										<span class="crumb-item-separator">&gt;</span>
									</span>
									<span class="crumb-item">
										<span class="crumb-item-link">绑定账号</span>
									</span>
								</div>
							</div>
							<div class="bind-intro">
								<span class="why-bind">为什么进行账号绑定?</span>
								<div class="intro-block clearfix">
									<div class="block-content">
										<i class="iconfont fast-icon">&#xe9a2;</i>
										<div class="intro-text">
											<span class="intro-title">登录更快捷</span>
											<span class="intro-content">您可以通过绑定的方式进行登录，登录更便捷</span>
										</div>
									</div>
									<div class="block-content second-block">
										<i class="iconfont safe-icon">&#xe9a1;</i>
										<div class="intro-text">
											<span class="intro-title">账号更安全</span>
											<span class="intro-content">密码遗忘时，您可以通过多种方式进行密码找回</span>
										</div>
									</div>
									<div class="block-content">
										<i class="iconfont more-icon">&#xe9a0;</i>
										<div class="intro-text">
											<span class="intro-title">支付更多样</span>
											<span class="intro-content">在绑定后，您可以使用系统特定的方式进行支付</span>
										</div>
									</div>
									<div></div>
									<div></div>
								</div>
							</div>
							<div class="toolbar-wrap">
								<i class="line"></i>
								<div class="crumb">
									<span class="crumb-item">
										<span class="choise-bind-title">选择账号绑定方式</span>
									</span>
								</div>
							</div>
							<div class="bind-ways">
								<div class="way clearfix">
									<i class="iconfont mobile-icon">&#xe9a3;</i>
									<div class="way-intro">
										<span class="way-text">已使用手机号码：189****1324注册绑定</span>
									</div>
									<div class="bind-operate">
										<span class="">更换绑定号码?</span>
										<input type="button" class="bind-button no-bind" value="去绑定"/>
									</div>
								</div>
								<div class="way clearfix">
									<i class="iconfont weibo-icon">&#xe9a5;</i>
									<div class="way-intro">
										<span class="way-text">微博账号绑定</span>
									</div>
									<div class="bind-operate">
										<input type="button" class="bind-button" value="去绑定"/>
									</div>
								</div>
								<div class="way clearfix">
									<i class="iconfont wechat-icon">&#xe992;</i>
									<div class="way-intro">
										<span class="way-text">微信账号绑定</span>
									</div>
									<div class="bind-operate">
										<input type="button" class="bind-button" value="去绑定"/>
									</div>
								</div>
								<div class="way clearfix">
									<i class="iconfont qq-icon">&#xe9a4;</i>
									<div class="way-intro">
										<span class="way-text">QQ账号绑定</span>
									</div>
									<div class="bind-operate">
										<input type="button" class="bind-button" value="去绑定"/>
									</div>
								</div>
								<div class="way clearfix">
									<i class="iconfont alipay-icon">&#xe999;</i>
									<div class="way-intro">
										<span class="way-text">支付宝账号绑定</span>
									</div>
									<div class="bind-operate">
										<input type="button" class="bind-button" value="去绑定"/>
									</div>
								</div>
							</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../../resources/commons/js/seajs/sea-debug.js"></script>
    <script type="text/javascript" src="../../resources/commons/js/seajs/sea-config-debug.js"></script>
    <script>
        seajs.use('./js/bind-account');
    </script>
</body>

</html>